<?php
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
/**
 */
$this->need('header.php');
?>

<header class="article-header-bg page-header-bg">
	<figure>
            <!-- 输出第一张缩略图 -->
            <img data-src="<?php echo _getThumbnails($this)[0] ?>" alt="<?= $this->title ?> 封面图" class="cover-image">
            <!-- 占位图 -->
            <div class="dynamic-background"></div>
		    <i class="loading">封面图加载中</i>
	</figure>
	<hgroup class="article-header-content">
		<div class="waves-box">
			<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
				<defs>
					<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path>
				</defs>
				<g class="parallax">
					<use xlink:href="#gentle-wave" x="48" y="0"></use>
					<use xlink:href="#gentle-wave" x="48" y="3"></use>
					<use xlink:href="#gentle-wave" x="48" y="5"></use>
					<use xlink:href="#gentle-wave" x="48" y="7"></use>
				</g>
			</svg>
		</div>
	</hgroup>
</header>

<main class="container">
    <section class="article-wrapper">
    	<article class="main-content">
            <div class="text-layout">
                <?php $this->content(); ?>
            </div>
    	</article>
    </section>
    
    <section class="comments-wrapper">
        <?php $this->need('comments.php');?>
    </section>

</main>
    <?php $this->need('layout/footer.php');?>
<?php $this->need('footer.php');?>